<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@ page import="java.util.*"%>
<%
	db conexion = null;
	String producto = (String)request.getParameter("producto");
	ArrayList<TipoReparacion> lista = new ArrayList<TipoReparacion>();
	int fila=1;
	if (request.getParameter("criterio") != null) {
		conexion = new db();
		String criterio = (String)request.getParameter("criterio");
		String tipo = (String)request.getParameter("tipo");
		GestionTipoReparacion gtr = new GestionTipoReparacion(conexion);
		if (tipo.equals("1")) {
			lista = gtr.Filter(criterio, producto, GestionTipoReparacion.FILTER_BY_DESCRIPTION);
		}else {
			lista = gtr.Filter(criterio, producto, GestionTipoReparacion.FILTER_BY_CODIGO);
		}
	}

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Buscar Causal de Reparacion</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<link rel="stylesheet" href="demos.css">

<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>
<script type="text/javascript">
	function validar() {
		var criterio = $("#criterio").val();
		if (criterio == "") {
			alert("Debe ingresar el criterio de busqueda");
			return false;
		}
		if (criterio.length < 3 ) {
			alert("El criterio tiene menos de 3 caracteres");
			return false;
		}
		return true;
	}
	
	function seleccionar(codigo,descripcion) {
		window.opener.document.form1.codigo.value = codigo;
		window.opener.document.form1.descripcion.value = descripcion;
		window.close();
	}

</script>
</head>
<body>
<div class="demo">
<h2>Causales de reparacion</h2>
<form action="" onsubmit="return validar()">
	<table>
		<tr>
			<th>Buscar causal de reparacion <input type="hidden" name="producto" value="<%=(String)request.getParameter("producto")  %>"> </th>
		</tr>
		<tr>
			<td>Buscar por: 
				<input type="radio" name="tipo" value="1" checked>Descripcion
				<input type="radio" name="tipo" value="2">Codigo
			</td>
		</tr>
		<tr>
			<td>Ingrese criterio: <input type="text" value="" name="criterio" id="criterio" size=40  /><input type="submit" value="Buscar" /> </td>
		</tr>
		
	</table>

</form>
<% if (request.getParameter("criterio") != null) { %>
<% if (lista.size() > 0) { %>
<table>
	<tr>
		<th>Codigo</th>
		<th>Descripcion</th>
		<th>Producto</th>
		<th>Accion</th>
	</tr>
<% for (TipoReparacion tiporeparacion : lista)  { %>
	<tr <%= fila%2==0?"class='odd'":"" %>>
		<td><%= tiporeparacion.getCodigo() %></td>
		<td><%= tiporeparacion.getDescripcion() %></td>
		<td><%= tiporeparacion.getProducto() %></td>
		<td><a href="javascript:seleccionar('<%= tiporeparacion.getCodigo() %>','<%= tiporeparacion.getDescripcion() %>')" >Seleccionar</a></td>
	</tr>
	<% fila++; %>
<% } %>
<tr>	
	<th colspan="4">Total registros encontrados: <%= lista.size() %></th>
</tr>
</table>

<% }else {  %>
<strong>No se encontraron registros con el criterio de busqueda</strong>
<% } %>
<% } %>
</div>
</body>
</html>
<% 
	if (conexion != null) {
		conexion.Close();
	}
%>